
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>心灵影院</title>
    <meta name="description" content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <meta name="referrer" content="never">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">


    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//m.sui.taobao.org/assets/js/demos.js' charset='utf-8'></script>

    <style type="text/css">
        .slider-wrap {
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .slider-list {
            display: -webkit-box;
            width: 100%;
            height: 100%;
        }

        .slider-item {
            width: 100%;
            list-style: none;
        }

        .slider-item a {
            display: block;
        }

        .slider-item img {
            width: 100%;
        }

        .transitionable {
            -webkit-transition: all 0.3s ease-in-out;
        }

        .slider-page {
            width: 100%;
            position: absolute;
            bottom: 5px;
            left: 0;
            text-align: center;
        }

        .slider-page ul {
            display: inline-block;
            text-align: center;
        }

        .slider-page ul li {
            display: inline-block;
            vertical-align: top;
            width: 6px;
            height: 6px;
            margin: 0 5px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .5)
        }

        .slider-page ul li.active {
            background: #fff
        }

        .img-wrap {
            width: 100%;
            height: 100%;
            background: #fafafa url("../images/loading.gif") no-repeat center center;
        }

        a {
            color: #ffffff;
        }
        a:visited {
            text-decoration: none;
        }
        a:active {
            color: #FFAA33;
        }
        a:hover {
            text-decoration: none;  color:#FFAA33;
        }
        .search-input input {
            background-color: #181b20;
            border: 0px;
            border-radius:25px;
        }

        .theme-dark .searchbar {
            background: #333;
        }
        .swiper-container {
            padding-bottom: 0px;
        }

        #category-head{width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden}
        #category-head li{display:inline-block;width:80px;height:30px;padding-left:10px;}

        .flex i{
            background: url(/img/icon.png) no-repeat;
            display: inline;
            width: 20px;
            height: 20px;
            float: left;
        }

        ul, menu, dir {
            -webkit-padding-start: 0px;
        }

        .sp_1 i{background-position: 0px 0px;}
        .sp_2 i{background-position: 0px -22px; }
        .sp_3 i{background-position: 0px -44px;}
        .sp_4 i{background-position: 0px -66px;}
        .sp_5 i{background-position: 0px -88px;}
        .sp_6 i{background-position: 0px -110px;}
        .sp_7 i{background-position: 0px -132px;}
        .sp_8 i{background-position: 0px -154px;}
        .sp_9 i{background-position: 0px -176px;}
        .sp_10 i{background-position: 0px -198px;}
        .sp1_1 i{background-position: -22px 0px;}
        .sp1_2 i{background-position: -22px -22px;}
        .sp1_3 i{background-position: -22px -44px;}
        .sp1_4 i{background-position: -22px -66px;}
        .sp1_5 i{background-position: -22px -88px;}
        .sp1_6 i{background-position: -22px -110px;}
        .sp1_7 i{background-position: -22px -132px;}
        .sp1_8 i{background-position: -22px -154px;}
        .sp1_9 i{background-position: -22px -176px;}

        hr{
            margin: 0px;
            width: 100%;
            height: 8px;
            border: 0px;
            background-color: #181b20;
            border-top: #010101 1px;
            border-bottom: #010101 1px;
        }

        .list-block ul:before{
            height: 0;
        }

        .list-block {
            margin: 0;
            font-size: .85rem;
        }


        .theme-dark .list-block .item-title{
            padding-left: .5rem;
            font-size:.9rem;
            color: #ffffff;
            border-left: .2rem solid #00ff33;
        }

        .list-block .item-inner{
            padding-top: 1rem;
        }

        .list-block .item-content{
            padding-left: 0rem;
        }

        .list-block .item-inner:after{
            height: 0px;
        }

        .list-block .item-content{
            box-sizing:padding-box;
            display: block;
            width: 100%;

        }

        .movieName{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-align : left;
            -webkit-line-clamp:1;
            padding-left: .05rem;
            font-size: .85rem;
            color: #ffffff;
        }
        .movieExplain{
            color: #008C9E;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp:1;
            font-size: .7rem;
            padding-left: .05rem;
            color: #4d5b72;
        }
        .row {
            margin-left: 0;
            padding-top: .5rem;
        }
        .movieImg1{
            float: left;
            margin: 0 1%;
            width: 48%;
        }
        .movieImg2{
            float: left;
            margin: 0 1%;
            width: 31%;
        }
    </style>

</head>
<body class="theme-dark">
<div class="page-group">
    <div id="page-swiper" class="page">
        <header class="bar bar-nav">
            <div class="searchbar">
                <div class="search-input">
                    <label class="icon icon-search" for="search"></label>
                    <input onclick="GotoSearch()" type="search" id='search' placeholder='输入关键字...'/>
                </div>
            </div>
        </header>
        <!--<div class="content pull-to-refresh-content native-scroll" data-ptr-distance="55" style="">-->
            <!--&lt;!&ndash; 默认的下拉刷新层 &ndash;&gt;-->
            <!--<div class="pull-to-refresh-layer">-->
                <!--<div class="preloader"></div>-->
                <!--<div class="pull-to-refresh-arrow"></div>-->
            <!--</div>-->
            <!--&lt;!&ndash; 下面是正文 &ndash;&gt;-->
            <!--<div class="card-container">-->
                <!--<div class="card">-->
                    <!--<div class="card-header">card1</div>-->
                    <!--<div class="card-content"><div-->
                        <!--class="card-content-inner">这里是第1个card，下拉刷新会出现第2个card。</div></div></div>-->
                <!--<div class="card">-->
                    <!--<div class="card-header">card</div>-->
                    <!--<div class="card-content">-->
                        <!--<div class="card-content-inner">-->
                            <!--这里是第1个card，下拉刷新会出现第2个card。-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <nav class="bar bar-tab">
            <a class="tab-item external" href="/recommend">
                <span class="icon icon-home"></span>
                <span class="tab-label">推荐</span>
            </a>
                <a class="tab-item external active" href="#">
                <span class="icon icon-computer"></span>
                <span class="tab-label">看片</span>
            </a>
            <a class="tab-item external" href="/myCore">
                <span class="icon icon-me"></span>
                <span class="tab-label">我的</span>
                <!--<span class="badge">2</span>-->
            </a>

        </nav>

        <div class="content">
            <!-- 这里是页面内容区 -->
            <!--<div class="swiper-container" data-space-between='10'>-->
                <!--&lt;!&ndash;<div class="swiper-wrapper" id="div_banner">&ndash;&gt;-->

                <!--&lt;!&ndash;</div>&ndash;&gt;-->


                <!--<div class="swiper-pagination"></div>-->
            <!--</div>-->
            <section class="slider-wrap" style="height:160px" id="div_banner"></section>
            <ul class="flex-layout category-head" id="category-head" style="">
                <!--<li class="flex sp_1"  id="brand_cat" searchtype="brand"><a href="#"><i></i>喜剧片</a></li>-->
                <!--<li class="flex sp_2"  ><a href="#"><i></i>悬疑片</a></li>-->
                <!--<li class="flex sp_3"  ><a href="#"><i></i>爱情片</a></li>-->
                <!--<li class="flex sp_4"  ><a href="#"><i></i>剧情片</a></li>-->
                <!--<li class="flex sp_5"  ><a href="#"><i></i>奇幻片</a></li>-->
                <!--<li class="flex sp_6"  ><a href="#"><i></i>犯罪片</a></li>-->
                <!--<li class="flex sp_7"  ><a href="#"><i></i>传记片</a></li>-->
                <!--<li class="flex sp_8"  ><a href="#"><i></i>歌舞片</a></li>-->
                <!--<li class="flex sp_9"  ><a href="#"><i></i>古装片</a></li>-->
                <!--<li class="flex sp_10"  ><a href="#"><i></i>伦理片</a></li>-->
                <!--<li class="flex sp1_1"  ><a href="#"><i></i>科幻片</a></li>-->
                <!--<li class="flex sp1_2"  ><a href="#"><i></i>动作片</a></li>-->
                <!--<li class="flex sp1_3"  ><a href="#"><i></i>恐怖片</a></li>-->
                <!--<li class="flex sp1_4"  ><a href="#"><i></i>惊悚片</a></li>-->
                <!--<li class="flex sp1_5"  ><a href="#"><i></i>战争片</a></li>-->
                <!--<li class="flex sp1_6"  ><a href="#"><i></i>记录片</a></li>-->
                <!--<li class="flex sp1_7"  ><a href="#"><i></i>动画片</a></li>-->
                <!--<li class="flex sp1_8"  ><a href="#"><i></i>历史片</a></li>-->
                <!--<li class="flex sp1_9"  ><a href="#"><i></i>文艺片</a></li>-->

            </ul>
            <hr />
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">热播</div>
                        </div>

                    </li>
                    <div id="div_item_content">

                    </div>

                    <!--<li class="item-content">-->
                    <!--<div class="item-inner">-->
                    <!--<div class="item-title">动作</div>-->
                    <!--</div>-->
                    <!--</li>-->
                    <!--<li class="item-content">-->
                    <!--<img src="http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</li>-->
                    <!--<li class="item-content">-->
                    <!--<div class="row">-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</li>-->

                    <!--<li class="item-content">-->
                    <!--<div class="item-inner">-->
                    <!--<div class="item-title">喜剧</div>-->
                    <!--</div>-->
                    <!--</li>-->
                    <!--<li class="item-content">-->
                    <!--<img src="http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</li>-->
                    <!--<li class="item-content">-->
                    <!--<div class="row">-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</li>-->
                    <div id="div_tuijian">

                    </div>

                    <!--<li class="item-content">-->
                    <!--<div class="row">-->
                    <!--<div class="item-inner">-->
                    <!--<div class="item-title">科幻</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="row">-->
                    <!--<img src="http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="row">-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--<div class="movieImg2">-->
                    <!--<img src="http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png"alt="" style="width: 100%" />-->
                    <!--<span class="movieName">-->
                    <!--别人家的孩子-->
                    <!--</span>-->
                    <!--<span class="movieExplain">一个女电影制作人，因为自己著名的父亲去世xdzfsdfsfsdfsdfsd</span>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</li>-->
                </ul>

            </div>
        </div>
    </div>
</div>

<script type='text/javascript' src='/js/mortise/comm.js' charset='utf-8'></script>
<script type='text/javascript' src='/js/mortise/slider.js' charset='utf-8'></script>
<script>

    //页面加载完成
    Zepto(function($) {
        LoadUrlTitle();
        LoadBanner();
        //加载热播
        LoadHotVidoe();
        LoadTuijianVidoe();
    });

    function  LoadUrlTitle() {

        //设置所有ul
        var
            html='<li class="flex"   onclick="ClickType(\'\')"  ><a  style="color:#FFAA33" id="li_type_" href="#">全部</a></li>';
        $.each(VideoTypeData,function (index,item) {
            html+=' <li class="flex"     onclick="ClickType('+item.id+')"><a id="li_type_'+item.id+'" href="#">'+item.name+'</a></li>'
        });
        $('#category-head').html(html);
    }
    function ClickType(typeid){
        window.location.href='/typeVideo?typeid='+typeid;
    }
    //加载广告
    function LoadBanner() {
        $.ajax({
            type: 'get',
            url: '/api/film/getByPlayctfilmlist?limit=4',
            dataType: 'json',
            success: function(data){
                if(mortise_layout.ValidataResult(data)){
                    //{"code":"OperateOk","errorMsg":"","result":{"list":[{"fId":"594cabc05bc42d07a0aa541a","fName":"一个钓鱼的故事","fFilmtype":"1000010100000000000","fYear":2016,"fCountry":12,"fKeyword":"一个钓鱼的故事","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87fe37ca1d108069af15.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adca774c36b070e69ec8e.jpg","fDirector":"Matt Birman","fPerformer":"Eddie McClintock, Jayne Heitmeyer, Jordyn Negri ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:20:23","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":2,"fMakecollect":13,"fPlayct":132,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":22,"fSourceurl":null,"fCountryname":"加拿大","fFilmtypename":"喜剧/剧情/奇幻","fImpression":"印象"},{"fId":"5930e4cd1c886e2dc0d45342","fName":"末世迷踪：下一代","fFilmtype":"0000000100000000000","fYear":2016,"fCountry":4,"fKeyword":"末世迷踪：下一代","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg","fDirector":"Larry A. McLean","fPerformer":" Amber Frank, Mason Dye, Dylan Sprayberry","fShowtime":"2017-06-02","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-02 12:08:34","fShow":1,"fLookct":1,"fMakelookct":15,"fGoodct":2,"fMakegoodct":25,"fCollect":2,"fMakecollect":0,"fPlayct":17,"fMakepalyct":5,"fSharect":1,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"奇幻","fImpression":null},{"fId":"594c95065bc42d07a03f1fac","fName":"大婴儿","fFilmtype":"1100010000000000000","fYear":2015,"fCountry":4,"fKeyword":"大婴儿","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a887337ca1d108069af16.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcb874c36b070e69ec8f.jpg","fDirector":"Stephen Langford","fPerformer":"Maureen McCormick, Andrew Lawrence, Ken Davitian","fShowtime":"2015-12-12","fScore":0.0,"fPricetagid":"1","fPricetagname":"2元电影","fIntime":"2017-06-23 12:43:35","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":1,"fMakecollect":13,"fPlayct":11,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情/剧情","fImpression":"印象"},{"fId":"594cacc75bc42d07a0aa541b","fName":"正义","fFilmtype":"1100000000000000000","fYear":2016,"fCountry":4,"fKeyword":"正义","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87a137ca1d108069af14.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adc9d74c36b070e69ec8d.jpg","fDirector":"Richard Gabai","fPerformer":" Stephen Lang, Jackson Rathbone, Jamie-Lynn Sigler ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:24:45","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":0,"fMakecollect":13,"fPlayct":4,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":0,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情","fImpression":"印象"}]},"allcount":0}
                    var videoList=data.result.list;
                    if(videoList&& videoList.length>0){
                        var _html='<ul class="slider-list">';

                        $.each(videoList,function (index,item) {
//                            _html+=' <div class="swiper-slide" onclick="GoToVideoInfo(\''+item.fId+'\')">' +
//                                '<img src="'+item.fPhotow+'" alt="" style="width:100%">' +
//                                '</div>';
                            var url = item["fPhotow"].match(/./) == '/' ? 'https://simu.dahuo.la' + item["fPhotow"] : item["fPhotow"];

                            _html += '<li class="slider-item openParam" data-param="' + url + '"' +
                                'data-baidu-action="banner" data-baidu-label="' + (parseInt(index) + 1) + '">' +
                                '<div class="img-wrap" onclick="GoToVideoInfo(\''+item.fId+'\')"><img class="banner-image" src="' +
                                item.fPhotow+ '"/></div></li>';

                        });
                        _html += '</ul>';
                        $('#div_banner').html(_html);
                        $("#div_banner").slider({
                            "autoScroll": true,
                            "infinite": true
                        });
                    }

                }
            }
        });
    }
    function GotoSearch() {
        window.location.href='/searchVideo'
    }

    //加载热播
    function LoadHotVidoe() {
        $.ajax({
            type: 'get',
            url: '/api/film/getnewsvideolist?filmcount=6&shortvideoct=0',
            dataType: 'json',
            success: function(data){
                if(mortise_layout.ValidataResult(data)){
                    //{"code":"OperateOk","errorMsg":"","result":{"list":[{"fId":"594cabc05bc42d07a0aa541a","fName":"一个钓鱼的故事","fFilmtype":"1000010100000000000","fYear":2016,"fCountry":12,"fKeyword":"一个钓鱼的故事","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87fe37ca1d108069af15.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adca774c36b070e69ec8e.jpg","fDirector":"Matt Birman","fPerformer":"Eddie McClintock, Jayne Heitmeyer, Jordyn Negri ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:20:23","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":2,"fMakecollect":13,"fPlayct":132,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":22,"fSourceurl":null,"fCountryname":"加拿大","fFilmtypename":"喜剧/剧情/奇幻","fImpression":"印象"},{"fId":"5930e4cd1c886e2dc0d45342","fName":"末世迷踪：下一代","fFilmtype":"0000000100000000000","fYear":2016,"fCountry":4,"fKeyword":"末世迷踪：下一代","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg","fDirector":"Larry A. McLean","fPerformer":" Amber Frank, Mason Dye, Dylan Sprayberry","fShowtime":"2017-06-02","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-02 12:08:34","fShow":1,"fLookct":1,"fMakelookct":15,"fGoodct":2,"fMakegoodct":25,"fCollect":2,"fMakecollect":0,"fPlayct":17,"fMakepalyct":5,"fSharect":1,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"奇幻","fImpression":null},{"fId":"594c95065bc42d07a03f1fac","fName":"大婴儿","fFilmtype":"1100010000000000000","fYear":2015,"fCountry":4,"fKeyword":"大婴儿","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a887337ca1d108069af16.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcb874c36b070e69ec8f.jpg","fDirector":"Stephen Langford","fPerformer":"Maureen McCormick, Andrew Lawrence, Ken Davitian","fShowtime":"2015-12-12","fScore":0.0,"fPricetagid":"1","fPricetagname":"2元电影","fIntime":"2017-06-23 12:43:35","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":1,"fMakecollect":13,"fPlayct":11,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情/剧情","fImpression":"印象"},{"fId":"594cacc75bc42d07a0aa541b","fName":"正义","fFilmtype":"1100000000000000000","fYear":2016,"fCountry":4,"fKeyword":"正义","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87a137ca1d108069af14.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adc9d74c36b070e69ec8d.jpg","fDirector":"Richard Gabai","fPerformer":" Stephen Lang, Jackson Rathbone, Jamie-Lynn Sigler ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:24:45","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":0,"fMakecollect":13,"fPlayct":4,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":0,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情","fImpression":"印象"}]},"allcount":0}
                    var videoList=data.result.filmlist;
                    if(videoList&& videoList.length>0){
                        var _html='';
                        $.each(videoList,function (index,item) {
                            if (index%2==0){
                                _html+='<li class="item-content"><div class="row">';
                            }
                            _html+='<div class="movieImg1"   onclick="GoToVideoInfo(\''+item.fId+'\')">'
                            _html+=  '<img src="'+item.fPhotow+'"'
                            _html+=   'alt="" style="width: 100%" />'
                            _html+=  '<span class="movieName">'+ item.fName
                            _html+=  '</span>'
                            _html+=   '<span class="movieExplain">'+item.fKeyword+'</span>'
                            _html+=   '</div>';
                            if (index%2==1){
                                _html+='</div></li>'
                            }
                        });
                        $('#div_item_content').html(_html);
                    }

                }
            }
        });
    }
    //加载下边推荐

    function LoadTuijianVidoe() {
        //
        $('#div_tuijian').html('');
        $.ajax({
            type: 'get',
            url: '/api/film/getfilmtypslist?filmtypestr=0,2,4&count=4',
            dataType: 'json',
            success: function(data){
                if(mortise_layout.ValidataResult(data)){
                    //{"code":"OperateOk","errorMsg":"","result":{"list":[{"fId":"594cabc05bc42d07a0aa541a","fName":"一个钓鱼的故事","fFilmtype":"1000010100000000000","fYear":2016,"fCountry":12,"fKeyword":"一个钓鱼的故事","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87fe37ca1d108069af15.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adca774c36b070e69ec8e.jpg","fDirector":"Matt Birman","fPerformer":"Eddie McClintock, Jayne Heitmeyer, Jordyn Negri ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:20:23","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":2,"fMakecollect":13,"fPlayct":132,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":22,"fSourceurl":null,"fCountryname":"加拿大","fFilmtypename":"喜剧/剧情/奇幻","fImpression":"印象"},{"fId":"5930e4cd1c886e2dc0d45342","fName":"末世迷踪：下一代","fFilmtype":"0000000100000000000","fYear":2016,"fCountry":4,"fKeyword":"末世迷踪：下一代","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a88f137ca1d108069af17.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcc774c36b070e69ec90.jpg","fDirector":"Larry A. McLean","fPerformer":" Amber Frank, Mason Dye, Dylan Sprayberry","fShowtime":"2017-06-02","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-02 12:08:34","fShow":1,"fLookct":1,"fMakelookct":15,"fGoodct":2,"fMakegoodct":25,"fCollect":2,"fMakecollect":0,"fPlayct":17,"fMakepalyct":5,"fSharect":1,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"奇幻","fImpression":null},{"fId":"594c95065bc42d07a03f1fac","fName":"大婴儿","fFilmtype":"1100010000000000000","fYear":2015,"fCountry":4,"fKeyword":"大婴儿","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a887337ca1d108069af16.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adcb874c36b070e69ec8f.jpg","fDirector":"Stephen Langford","fPerformer":"Maureen McCormick, Andrew Lawrence, Ken Davitian","fShowtime":"2015-12-12","fScore":0.0,"fPricetagid":"1","fPricetagname":"2元电影","fIntime":"2017-06-23 12:43:35","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":1,"fMakecollect":13,"fPlayct":11,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":4,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情/剧情","fImpression":"印象"},{"fId":"594cacc75bc42d07a0aa541b","fName":"正义","fFilmtype":"1100000000000000000","fYear":2016,"fCountry":4,"fKeyword":"正义","fPhoto":"http://119.10.70.142:9080/Images/upload/videoPhoto/595a87a137ca1d108069af14.png","fPhotow":"http://101.201.122.79:8083/Images/upload/videoPhoto/596adc9d74c36b070e69ec8d.jpg","fDirector":"Richard Gabai","fPerformer":" Stephen Lang, Jackson Rathbone, Jamie-Lynn Sigler ","fShowtime":"2016-12-12","fScore":0.0,"fPricetagid":"0","fPricetagname":"免费电影","fIntime":"2017-06-23 14:24:45","fShow":1,"fLookct":0,"fMakelookct":11,"fGoodct":0,"fMakegoodct":12,"fCollect":0,"fMakecollect":13,"fPlayct":4,"fMakepalyct":15,"fSharect":0,"fMakesharect":null,"fBuyct":0,"fCommentct":0,"fSourceurl":null,"fCountryname":"美国","fFilmtypename":"喜剧/爱情","fImpression":"印象"}]},"allcount":0}
                    var videoList=data.result;

                    if(videoList){
                        var _html='';
                        $.each(videoList,function (key,item) {
                            _html+=' <li class="item-content">';
                            _html+='<div class="row">';
                            _html+='<div class="item-inner">';
                            _html+='<div class="item-title">'+GetVideoTypeNameList(key)+'</div>';
                            _html+='</div>';
                            _html+='</div>';
                            //内容循环
                            if(item&& item.length>0){
                                var _rowHtml='';
                                $.each(item,function (index,item1){
                                    if (index==0){
                                        _html+='<div class="row"  onclick="GoToVideoInfo(\''+item1.fId+'\')">';
                                        _html+='<img src="'+item1.fPhotow+'"alt="" style="width:100%" />';
                                        _html+='<span class="movieName">';
                                        _html+= item1.fName
                                        _html+='</span>';
                                        _html+='<span class="movieExplain">'+item1.fKeyword+'</span>';
                                        _html+='</div>';
                                    }
                                    else {
                                        _rowHtml+='<div class="movieImg2"  onclick="GoToVideoInfo(\''+item1.fId+'\')">';
                                        _rowHtml+=' <img src="'+item1.fPhoto+'"alt="" style="width: 100%" />';
                                        _rowHtml+=' <span class="movieName">';
                                        _rowHtml+= item1.fName
                                        _rowHtml+=' </span>';
                                        _rowHtml+='<span class="movieExplain">'+item1.fKeyword+'</span>';
                                        _rowHtml+=' </div>'
                                    }
                                });
                                _html+='<div class="row">'+_rowHtml+'</div>';
                            }

                            _html+='</li>';
                        });
                        $('#div_tuijian').html(_html);
                    }

                }
            }
        });
    }



</script>
</body>
</html>